<template>
  <h1>父组件</h1>
  <p>{{ money }}</p>
  <hr />
  <!-- 1. 父组件通过自定义属性提供数据 -->
  <Son :money="money" />
</template>
<script>
import { ref } from 'vue'
import Son from './Son.vue'
export default {
  name: 'App',
  components: {
    Son,
  },
  setup() {
    const money = ref(100)
    return { money }
  },
}
</script>
